<template>
    <view class="pr">
		<view class="isLoad x-c">
			<u-loading :show="isLoad"></u-loading>
		</view>
		<view class="tap x-c" v-if="!isNone && !isLoad">触底加载更多</view>
		<view class="tap1 x-c" v-if="isName">我也是有底线的</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
			};
		},
		props: {
			isNone: {
				type: Boolean,
				default: false
			},
			isLoad: {
				type: Boolean,
				default: false
			},
			isName: {
				type: Boolean,
				default: false
			},
		},
		mounted() {
		},
		methods: {
		}

	};
</script>

<style scoped lang="scss">
.tap {
	padding: 20rpx;
	color: #999;
	font-size: 24rpx;
}
.tap1 {
	padding: 20rpx;
	color: #999;
	font-size: 24rpx;
	&:after{
		content: '';
		position: absolute;
		top: 37rpx;
		left: 3px;
		border-top: 1px dotted #999;
		width: 200rpx;
		background-color: #BBBBBB;
	}
	&:before{
		content: '';
		position: absolute;
		top: 37rpx;
		right: 3px;
		border-top: 1px dotted #999;
		width: 200rpx;
		background-color: #BBBBBB;
	}
}
</style>
